<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Administración del Catalogo" />
            <ui:define name="body">
                <rich:panel>
                    <rich:extendedDataTable id="tblMuebles" width="500px" height="360px" value="#{CatalogBean.muebles}" var="cr">
                        <rich:column width="30%">
                            <f:facet name="header">
                                Referencia
                            </f:facet>
                            #{cr.referencia}
                        </rich:column>
                        <rich:column width="25%">
                            <f:facet name="header">
                                Precio
                            </f:facet>
                            <h:inputText value="#{cr.precio}" onblur="this.value=this.value;updtById('#{cr.referencia}',this.value,#{cr.cantidad})" />
                        </rich:column>
                        <rich:column width="25%">
                            <f:facet name="header">
                                Cantidad
                            </f:facet>
                           <h:inputText value="#{cr.cantidad}" onblur="updtById('#{cr.referencia}',#{cr.precio},this.value)" />
                        </rich:column>                        
                    </rich:extendedDataTable>                    
                </rich:panel>
                <a4j:form>
                    <a4j:jsFunction name="updtById" action="#{CatalogBean.updatePrecioCantidad}" reRender="tblMuebles" oncomplete="" >
                        <a4j:actionparam name="p1" assignTo="#{CatalogBean.referencia}" />
                        <a4j:actionparam name="p2" assignTo="#{CatalogBean.precio}" />
                        <a4j:actionparam name="p3" assignTo="#{CatalogBean.cantidad}" />
                    </a4j:jsFunction>
                </a4j:form>
                <rich:panel id="pInventario">
                     <a4j:form>
                        <h:panelGrid columns="1">
                            <a4j:commandButton value="Volver" action="catalogo" />
                        </h:panelGrid>
                    </a4j:form>
                </rich:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>